<div class="alert alert-success" role="alert" >
	<button type="button" class="close" data-dismiss="alert" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	</button>
	<strong>轻松享受会员价：</strong>只要在店充值100元以上，即可成为会员，享受会员福利
</div>


@include('common.header')
<style type="text/css">
body.home {
	background:#EEEEE0; 
	background:#EEE9E9; 
	background:#BC8F8F;
	background:#F08080; 
	background:#CDAF95; 	
}
.img-holder{ 
	position:relative;
	cursor:pointer;
}
.bmbox
{
	width:300px; 
	height:100%; 
	background:#F5F5F5; 
	color:#FF0000;
	position:absolute; 
	display:block;
	font:30px/20px "宋体";
	font-weight:bold;	
	text-align:center;
	padding-top:90px;
	filter:alpha(Opacity=80);-moz-opacity:0.6;opacity: 0.6;

}

</style>	


<div class="content clearfix" style="width:80%;margin:0 auto;">
	
	
	<!-- 各个分类下的商品 -->
	@forelse( $skus as $sku_array )
	<div id="meals-of-the-day">
		<h3 class="title-separator">
			@if( !empty($sku_array['name']) )
				<span class="title">{{ $sku_array['name'] }}</span><span class="sep"></span>
			@else
			@endif
		</h3>
		<ul>
			@forelse( $sku_array['data'] as $sku )
			<li class="meal" style="width:300px;margin-left:35px;margin-bottom:30px;" >
				<!-- 图片封面 -->
				<div class="img-holder" style="width:300px;background-image:url('{{ $sku->pic_url }}');background-size:cover;border-radius:5px;" >
					@if( $sku->is_sold_out==2 )
						<div class="bmbox"  >
							已售罄
						</div>
					@else
					@endif
				</div>
				<div>
					<div style="width:100%;height:39px;" >
						<!-- 商品名 -->
						<div style="float:left;">
							<div style="font-size:22px;color:#EE2C2C;">
								{{ $sku->name }}
							</div>
						</div>
						<!-- 标签 -->
						<div style="float:left;margin-left:20px;">
							<!-- /sku/{category_id}/tag/{tag_id?} -->
							@forelse( $sku->tag_arr as $tag_id=> $tag )
								<a style="font-size:15px;color: 	#FFD700;text-decoration:none;display:block;float:left;margin-right:10px;padding-top:5px;" href="{{ url('/tag_listing/') }}/{{ $tag_id }}">{{ $tag}}</a> &nbsp;
							@empty
							@endforelse
						</div>
					</div>
					<div style="width:100%;height:60px;" >
						<!-- 营养成分 -->
						<div>
							{{ $sku->desc }}
						</div>
						<!-- 功效 -->
						<div>
							{{ $sku->desc2 }}
						</div>
					</div>
					
					<!-- 价格 -->
					<div class="price" style="width:100%;height:40px;" >
						<div style="float:left;" >
							${{ $sku->price }}
						</div>
						<div style="float:right;"  >
							<span style="color:#EE2C2C;" >会员价：</span>${{ $sku->vip }}
						</div>
					</div>
					
					<!--
						<a href="check-out.html" class="add-to-cart-button">add to cart</a>
					-->
				</div>
			</li>
			@empty
			@endforelse
		</ul>
	</div>
	@empty
	@endforelse
	

</div>


@extends('common.footer')